*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
        padding: 0;
    }
}
.wrapper{
    padding-bottom: 100px;
}
.wrapper .container{
    display: flex;
    padding-top: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navbar{
    background: #3097d1;
}
.loge{
    width: 85px;
    height: 23px;
}
.img_1{
    width: 275px;
    height: 149px;
}
.img_2{
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 96px;
    left: 86px;
}
.item-1 .card{
    border: 1px solid #d3e0e9;
    overflow: hidden;
}
.item-1 .card-1{
    text-align: center;
}
.card-1 a,.card p{
    color: #1e3948;
    font-size: 16px;
    letter-spacing: -0.41px;
}
.item-1 .card-1 a{
    font-weight: 600;
    font-size: 20px;
}
.card-2{
    margin: 30px 0 22px 0;
    padding: 14px 0 0 14px;
}
p a{
    color: #3097d1;
}
.card-3{
    padding: 14px 0 25px 14px;
}
.card-3 div{
    width: 244px;
    height: 374px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.card-3 img{
    width: 117px;
    height: 118px;
}
.card-4{
    width: 585px;
}
.card-5{
    padding: 15px 15px;
}
h5{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.h5-1{
    position: relative;
}
.h5-1 span{
    font-size: 14px;
    color: #a3aeb4;
    position: absolute;
    right: 0;
    bottom: 0;
}
.h5-2 span,p span{
    font-weight: normal;
    color: #1e3948;
    font-size: 16px;
    letter-spacing: -0.48px;
}
.card-4 i{
    height: 436px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.card-4 i img{
    width: 266px;
    height: 213px;
}
.img-3{
    width: 541px;
    height: 524px;
}
.card-5 img{
    width: 245px;
    height: 230px;
}
.card-5 a{
    display: inline-table;
    padding: 8px 12px;
}
.card-6{
    margin-top: 30px;
}
.div-1{
    display: flex;
}
.div-1 img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.div-2{
    margin-left: 16px;
}
.div-2 a{
    padding: 4px 8px 3px 26px;
    background: url("../img/renwu_32.png") no-repeat 8px center;
    background-size: 14px 12px;
}
.div-2 a:hover{
    background: #007bff;
    padding: 4px 17px 3px 17px;
}
.li-1{
    background: #f5f8fa;
}
footer{
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 50px 0 60px 0;
}
.div-3{
    display: flex;
    width: 303px;
    justify-content: space-between;
    margin: auto;
}
.div-3 a{
    color: #3097d1;
}
@media (max-width: 600px) {
    .item{
        margin: auto;
    }
    .item-2{
        width: 100%;
        margin: 20px 0;
    }
    .card-4{
        width: 310px;
        margin: auto;
    }
    .card-4 i{
        height: auto;
    }
    .card-4 i img {
        margin-bottom: 20px;
    }
    .img-3{
        width: 100%;
        height: auto;
    }
    footer{
        font-size: 60%;
    }
    .div-3{
        width: 220px;
    }
}